<template>
  <!-- 客服消息 -->
  <view class="content">
    <view class="msg-text-content">
      <view class="box">
        <image :src="QR_code" mode="" style="width: 502rpx; height: 675rpx"></image>
      </view>
      <view> 客服电话：400-088-7255 </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      QR_code: ''
    }
  },
  onLoad(e) {
    this.get_KF_QR()
  },

  methods: {
    // 获取客服微信二维码
    get_KF_QR() {
      this.$u.api.get_KF_QR().then((res) => {
        if (res.code == 200) {
          this.QR_code = this.vuex_api_HEADER + res.data.service
        }
      })
    }
  }
}
</script>

<style>
page {
  background-color: #efefef;
}

.content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  flex: 1;
  /* margin-bottom: 120rpx; */
  .msg-text-content {
    .box {
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
  }
}
</style>
